.music-collection-page {
  background-color: #f7f9fc;
  width: 100%;
  .music-collection-header {
    display: flex;
    align-items: center;
    padding: 20rpx;
    .tabs {
        width: 100%;
        white-space: nowrap;
        overflow-x: auto;
        background-color: #fff;
        .music-collection-header-scroll {
          display: inline-block;
          width: 120rpx;
          height: 100%;
          text-align: center;
          font-size: 26rpx;
          margin-right: 20rpx;
          image {
            width: 100rpx;
            height: 100rpx;
            border-radius: 50%;
          }
          .music-collection-header-text {
            width: 120rpx;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
            overflow: hidden;
            text-overflow: ellipsis;
          }
        }
      }
  }
  .music-collection-content {
    padding: 20rpx;
    .music-collection-content-concern {
      display: flex;
      justify-content: space-between;
      font-size: 34rpx;
      margin: 20rpx 0;
      .music-collection-content-concern-right {
        color: #979799;
      }
    }
    .music-collection-content-items {
      display: flex;
      .music-collection-content-items-photo {
        margin-top: 20rpx;
        image {
          width: 100rpx;
          height: 100rpx;
          border-radius: 50%;
        }
      }
      .music-collection-page-items-content {
        padding: 20rpx;
        .music-collection-page-items-content-top {
          display: flex;
          flex-direction: column;

          .music-collection-page-items-content-top-name {
            font-size: 36rpx;
            font-weight: bold;
            display: flex;
            align-items: center;
            .content-top-title {
              margin-right: 20rpx;
            }
            image {
                width: 100rpx;
                height: 40rpx;

            }
            .content-top-Sharing {
              margin-left: 20rpx;
              color: #646465;
            }
          }
          .music-collection-page-time {
            font-size: 26rpx;
            font-weight: bold;
            color: #9499a4;
          }
        }
        .music-collection-page-items-content-text {
          font-size: 36rpx;
          margin-top: 20rpx;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 5;
          overflow: hidden;
          text-overflow: ellipsis;
        }
        .music-collection-page-items-content-image {
          width: 100%;
          margin-top: 10rpx;
          display: flex;
          justify-content: space-between;
          align-items: center;
          image {
            width: 190rpx;
            height: 190rpx;

          }
        }
        .music-collection-page-items-content-music {
          margin-top: 20rpx;
          padding: 20rpx;
          background-color: #edeef2;
          font-size: 36rpx;
          display: flex;
          align-items: center;
          flex-wrap: wrap;
          border-radius: 10rpx;
          image {
            width: 100rpx;
            height: 100rpx;
            border-radius: 10rpx;
          }
          .music-collection-page-songs {
            margin-left: 20rpx;
            font-size: 36rpx;
            .music-collection-page-songs-items {
              .music-collection-page-songs-items-tags {
                font-size: 24rpx;
                padding: 2rpx 1rpx;
                border: 1rpx solid #e89e9d;
                color: #cc4c3c;
                border-radius: 6rpx;
                margin-right: 10rpx;
              }
            }
            .music-collection-page-songs-items-nickname {
              font-size: 30rpx;
              color: #8e8f91;
            }
          }
        }
        .music-collection-page-items-content-tags {
          font-size: 30rpx;
          margin-top: 30rpx;
            text {
              padding: 10rpx 20rpx;
              background-color: #eaecf1;
              margin-right: 20rpx;
              border-radius: 40rpx;
              color: #808693;
            }
        }
        .music-collection-page-items-content-actions {
          margin-top: 40rpx;
          display: flex;
          justify-content: space-between;
          align-items: center;
          font-size: 30rpx;
          color: #676769;
          text {
            margin: 0 20rpx;
            vertical-align: middle;

          }
        }
      }
    }
  }
}